<template>
    <footer>
            <ul>
                <li>
                    <span class=""></span>
                    <span>首页</span>
                </li>
                <li>
                    <span ></span>
                    <span>分类</span>
                </li>
                <li>
                    <span ></span>
                    <span>京东</span>
                </li>
                <li>
                    <span ></span>
                    <span>订单</span>
                </li>
                <li>
                    <span ></span>
                    <span>我的</span>
                </li>
            </ul>
        </footer>
</template>

<script setup>

</script>

<style lang="less" scoped>
footer{
    width: 100%;
    height: 100px;
    background-color: #FFFFFF;
    display: flex;
    position: fixed;
    left: 0;
    bottom: 0;
}
footer ul {
    width: 100%;
    display: flex;
}

footer ul li {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

</style>